
* { color:#77FF77; }

html 
{
width:100%;
height:100%;
}

body 
{
        text-align: center;
        padding: 0;
		margin: 0;
		width:100%;
		height:100%;
        background-color: #000;
		color:#AAAAAA;
        /* font: 10px "Trebuchet MS", Geneva, Arial, Verdana, sans-serif; */
}


a img {
	border:none;
}


.title
{
	position:absolute;
	left:222px;
	top:0px;
	height:20px;
	width:77%;
	font-family: 'Comic sans MS';
	font-size:18px;
}

.player {
	position:absolute;
	top:22px;
	left:222px;
	width:77%;	
	height:570px;
}


ul {
	text-align:left;
	list-style-type:none;
	margin:0 0 0 0;
	padding:0;
}

li {
	color:inherit;
	cursor:pointer;
	padding:6 0 6 0;
	margin:0 0 0 0;
	font-size:13px;
	font-family:'Trebuchet MS';
	text-align:center;
}



.listItem {
	color:inherit;
	cursor:pointer;
	padding:6 0 6 0;
	margin:0 0 0 0;
	font-size:12px;
	font-family:'Trebuchet MS';
	text-align:center;
}

.listItemHover {
	cursor:pointer;
	background-image:url('./fond_vodathome_3.jpg');
	opacity:1; 
	filter:alpha(opacity=100);
	border:1px outset;
	font-size:14px;
	font-weight:bold;
}




.fond 
{
	opacity:0.4; 
	filter:alpha(opacity=40); 
	position:absolute;
	top:15px;
	left:12%;
	width:75%;
	height:75%;
	overflow:none;
}

	
td 
{
		vertical-align:top;
}
	
h1 
{
		font-family:'Trebuchet';
		font-size:22px;
		margin-bottom:0;
}

h2 
{
		font-family:'Garamond';
		font-size:20px;
		margin-bottom:0;
		text-align:center;
		display:block;
}

h4
{
	color:#EEEE66;
	font-family: Serif;
	font-size:18px;
	border:inset;
	background-image:url('./fond_vodathome_3.jpg');
}

.rightBorder
{
		border-right:1px dotted #666666;
		overflow:none;
}



#Contents ul li, #lanContents ul li
{
		font-family:'Verdana';
		border-bottom:1px dotted gray;
		color:#EEEEEE;
}


#Contents, .Contents
{
		width:100%;
		height: 275px !important;
		font-size:12px;
		border-top:1px dotted #666666;
		overflow:hidden;
		overflow-y:scroll;
		border:1px ridge;
}


	
div
{ 
		scrollbar-face-color: black ;
		scrollbar-arrow-color: #ffffff ; 
		scrollbar-track-color: #222222 ;
		scrollbar-3dlight-color: #666666;
		scrollbar-darkshadow-color: #666666;
		scrollbar-shadow-color: #DDDDDD ;
		scrollbar-highlight-color: #444444 ; 
		outline-color: #cccccc ;
		outline-style: #cccccc ; 
		outline-width: 0 ; 
		inherit: #000000 ;
}

#playerFrame
{
	position:absolute; 
	left:20%; 
	top:44px; 
	width:80%; 
	height:92%; 
	background-color:#000000;
}

#menu 
{
	position:absolute; 
	top:44px; 
	left:0px; 
	width:20%; 
	height:92%; 
	overflow:hidden;
	border-right:ridge;
	border-top:2px ridge;
}


.copyright {
	color:#FFFF66;
	padding-top:0px;
	position:absolute;
	font-size:18px;
	font-family:'Verdana';
	padding-top:auto;
	margin-top:4px;
	margin-bottom:0px; 
	padding-bottom:0px; 
	top:95%;
	left:0%;
	width:100%; 
	height:28px; 
	border:inset;
	background-image:url('./fond_vodathome_3.jpg');
	overflow:hidden;
}

#header {
	text-align:left;
	vertical-align:middle; 
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:44px; 
	/* border:ridge; */
}